﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>沈阳航天新光汽车零部件有限公司-物资请制请购单</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <!--
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>-->
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/页面_1/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
<!--    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>-->
    <script type="text/javascript">
		$(document).ready(function(){
			
			/*为输入元素添加选中框*/
			$("input,textarea").focus(function(){
				$("#focus0").css("visibility","visible");				
				x=$(this).offset();
				x.left = x.left-3;
				x.top = x.top-3;
				xWidth=$(this).outerWidth(true)+6;
				xHight=$(this).outerHeight(true)+6;
				$("#focus0").animate({
					top:x.top,
					left:x.left,
					width:xWidth,
					height:xHight,
				},250);
				/*
				$("#focus0").width(width);
				$("#focus0").height(height);
				$("#focus0").offset(x);
				*/
				/*
				$("#focus0").css('top', x.top-2 );
				$("#focus0").css('left', x.left-2 );
				$("#focus0").css('height', height+4);
				$("#focus0").css('width',width+4);
				*/
			});
			/*$("#dept_input").focus();*/
		});
    </script>
    <style type="text/css">
    </style>
  </head>
  <body>
  <form>
      <!-- 组织 -->
    <div id="org" class="文本_组织">
      	<!-- 组织logo -->
        <div id="orgLogo">
        	<img src="images/页面_1/u14.jpg" height="275" class="img" id="orgLogo_img"/>
        </div>
        <!-- 组织名称 -->
        <div id="orgText" class="text">沈阳航天新光汽车零部件有限公司</div>
   	 </div>
     
      <!-- 表单标题 -->
    <div id="formTitle" class="文本_h1">
        <!-- 表单名称 -->
        <div id="formTitleText">
          <p><span>物资请制请购单</span></p>
        </div>
        <!-- 双水平分割线 -->
        <div id="line" class=""></div>
      </div>
      
      <!-- 表单流水号签 -->
      <div id="serial" class="文本_h2">
        <!-- No: -->
        <div id="serialNumText" >No:
        </div>
        <!-- 流水号 -->
        <div id="serialNum" class="文本_小编号">
          <p><span>int 21,4748,3647</span></p>
        </div>
      </div>

      <!-- 表单标准号 -->
      <div id="formNum" class="文本_小编号">
          <p><span>B.7.05.D - 10</span></p>
      </div>
      
      <!-- 表单项 (文字) -->
    <div id="dept" class="输入框">
      <div id="deptTitle" class="text">申请部门</div>
        <input type="text" disabled="disabled" id="dept_input" tabindex="1" value=""/>
    </div>
      <!-- 表单项 (文字) -->
    <div id="proposer" class="输入框">
        <div id="proposerTitle" class="text">申请人</div>
        <input type="text" disabled="disabled" id="proposer_input" tabindex="2" value=""/>
      </div>
      
      <!-- 表单项 (表格) -->
    <div id="cells">
        <table width="100%" border="1" class="表格">
          <tr>
            <th width="6%" height="23" scope="col">序号</th>
            <th width="24%" scope="col">名称</th>
            <th width="13%" scope="col">型号或规格</th>
            <th width="14%" scope="col">数量</th>
            <th width="6%" scope="col">单位</th>
            <th width="18%" scope="col">到货日期</th>
            <th width="19%" scope="col">备注</th>
          </tr>
          <tr>
            <td height="23"></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
          </tr>
          <tr height="23">
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
          </tr>
        </table>
      </div>
      
      <!-- 表单项 (文本框(多行)) -->
    <div id="reason" class="输入框">
		<div id="reasonTitle">事由</div>
      <textarea id="reason_input" tabindex="123456788"></textarea>
      </div>

      <!-- 表单项 (文本框(单行))-->
    <div id="approve" class="输入框">
        <div id="approveTitle" class="text">批准</div>
        <input id="approve_input" type="text" value="" tabindex="123456789"/>
      </div>
      
      <!-- 表单项 (文本框(单行)) -->
    <div id="deptHead" class="输入框">
        <div id="deptHeadTitle" class="text">部门负责人</div>
        <input type="text" disabled="disabled" id="deptHead_input" tabindex="123456790" value=""/>
      </div>
      
      <!-- 表单项 (文本框(单行)) -->
    <div id="receiver" class="输入框">
        <div id="receiverTitle" class="text">接收人</div>
        <input id="receiver_input" type="text" value="" tabindex="123456791"/>
    </div>
  </form>

<!--焦点框-->
<div id="focus0" style="
	visibility:hidden;
	position: absolute;
	z-index: 10;
  ">
  <div id="focus1" style="
	position: absolute;	
    width: 10px;	height: 10px;
	z-index: 10;
	border-top-width: 1px;	border-left-width: 1px;
	border-top-style: solid;	border-left-style: solid;
	border-top-color: #F00;	border-left-color: #F00;
  "></div>
  <div id="focus2" style="
	position: absolute;
	width: 10px;	height: 10px;
	z-index: 10;
	border-top-width: 1px;	border-right-width: 1px;
	border-top-style: solid;	border-right-style: solid;
	border-top-color: #F00;	border-right-color: #F00;
	top: 0px;	right: 0px;
  "></div>
  <div id="focus3" style="
	position: absolute;
	width: 10px;	height: 10px;
	z-index: 10;
	border-right-width: 1px;	border-bottom-width: 1px;
	border-right-style: solid;	border-bottom-style: solid;
	border-right-color: #F00;	border-bottom-color: #F00;
	right: 0px;	bottom: 0px;
  "></div>
  <div id="focus4" style="
	position: absolute;
	width: 10px;	height: 10px;
	z-index: 10;
	border-bottom-width: 1px;	border-left-width: 1px;
	border-bottom-style: solid;	border-left-style: solid;
	border-bottom-color: #F00;	border-left-color: #F00;
	left: 0px;	bottom: 0px;
  "></div>
</div>

  </body>
</html>
